<template>
    <div class="container">
        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
            <el-tab-pane :label="$t('CreateChassis')" name="first">
                <draw-chassis :shelfParams="shelfParams"></draw-chassis>
            </el-tab-pane>
            <el-tab-pane :label="$t('CreateCard')" name="second">
                <draw-chassis onlyCard=true :shelfParams="shelfParams"></draw-chassis>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import DrawChassis from './DrawChassis'
    export default {
        components: {DrawChassis},
        data() {
            return {
                activeName: 'first',
                shelfParams: {
                    Image: '',
                    IsPolling: 'false',
                    CardPollingTime: '1800000',
                    PortPollingTime: '30000',
                    Title: '',
                    ShelfName: '',
                    SlotDIF: '0',

                    CardMenu: [],
                    PortMenu: [],
                },
                triggerGenerate : true,
            };
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    }
</script>

<style scoped>

</style>
